.section {
	height:350px;
}
.grid_left {
	// margin-right: -30px;
	width: 210px;
	height: 100%;
	float: left;
	.cycle {
		width: 175px;
		height: 175px;
		margin: 60px 30px 60px 5px;
	}
}
//by jiangshuguang
.limit-available-tip{
   line-height: 30px;
   font-size:18px;
}

.grid_center {
	float: left;
	width: 300px;
	height: 100%;
	padding: 60px 0px;
	.one_block {
		width: 300px;
		float: left;
		margin-bottom: 10px;
		
		.ob_icon {
			width: 30px;
			height: 24px;
			background: url(/static/assets/assets.png) -126px 0px no-repeat;
			.hover {
				background: url(/static/assets/assets.png) -126px -24px no-repeat;
			}
		}
		.hover.ob_icon {
				background: url(/static/assets/assets.png) -126px -24px no-repeat;
		}
		.ob_context {
			.ob_info {
				width: 150px;
			}
		}
	}
}
.grid_right {
	float: left;
	height: 100%;
	width:320px;
	padding: 30px 0 0 0;
	text-align: left;
	.label {
		font-size: 16px;
		color: #336;
	}
    .no_usable_credit{
       display: none;
    }
	.input_text {
		margin: 10px 0px;
		width: 320px;
		height: 60px;
		opacity: 0.8;
		filter:alpha(opacity=80);
		background-color: #343567;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
    	-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
    	box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
		input {
			background-color: #343567;
			height: 18px;
			line-height: 18px;
			box-sizing: content-box;
			color:#CCF;
			border: none;
			font-size: 16px;
			margin: 20px 12px;
			width: 296px;
		}
	}
	.input_info {
		font-size: 13px;
		color:#FFF;
        line-height: 18px;
		margin-top: 20px;
        letter-spacing: 0.5px;
        background: rgba(0,0,0,0.2);
//        font-family: 'KaiTi_GB2312';
        padding:5px;
		p {
			margin-top: 2px;
		}
      a{
        color:#ffe380;
        font-size:12px;
      }
	}
}
.grid_error {
	float: left;
	width: 170px;
	height: 100%;
	.error_info {
		margin-top: 100px;
		color:#FFF;
	}
}
#recharge_block {
	height: 710px;
	.recharge_title {
		margin: 45px auto;
		width: 90px;
		font-size: 21px;
	}
	.recharge_type {
        padding-left: 345px;
		text-align: center;
		border-bottom: 1px solid #CCC;
		li {
			margin-bottom: -1px;
			*margin-bottom: -4px;
			margin-left: auto;
			margin-right: auto;
			width: 150px;
			height: 60px;
			background-color: #CCF;
			border:1px solid #CCC;
			float: left;
			text-align: center;
			vertical-align: center;
			opacity: 0.8;
 			filter: alpha(opacity=80);
			a {
				display: block;
				padding: 20px;
				font-size: 16px;
				color:#336;	
			}
		}
		li.active {
			border-bottom: 1px solid transparent;
			background-color:#FFF;
		}
	}
	.bank_list {
		a {
			float: left;
			width: 235px;
			height: 60px;
			border:1px solid #CCC; 
			// margin-right: 15px;
			margin: 20px 4px 0px 8px;
			// &:nth-child(4n) {
			// 	margin-right: 0px;
			// }
			// &:a + a + a + a {
			// 	margin-right: 0px;	
			// }
		}
		
	}
	.agreement {
		width: 100%;
		text-align: center;
		color:#000;
		opacity: 0.6;
 		filter: alpha(opacity=60);
 		margin: 30px auto;
 		a {
 			color:#000;
 			text-decoration:underline;
 		}
	}
	.recharge_tips {
		margin: 30px;
		font-size: 16px;
		li {
			font-size: 14px;
			line-height: 20px;
			margin-top: 5px;
		}
	}
}